import PropTypes from 'prop-types';
import React from 'react';
import Svg, { Defs, Path, RadialGradient, Stop } from 'react-native-svg';

const EmojiActivitiesIcon = ({ color, ...props }) => (
  <Svg height="30" viewBox="0 0 30 30" width="30" {...props}>
    <Defs>
      <RadialGradient
        cx="100%"
        cy="49.9814195%"
        fx="100%"
        fy="49.9814195%"
        id="rainbow"
        r="108.068849%"
      >
        <Stop offset="0%" stopColor="#FFB114" />
        <Stop offset="63.5417%" stopColor="#FF54BB" />
        <Stop offset="100%" stopColor="#00F0FF" />
      </RadialGradient>
    </Defs>
    <Path
      d="M15,7 C19.418278,7 23,10.581722 23,15 C23,19.418278 19.418278,23 15,23 C10.581722,23 7,19.418278 7,15 C7,10.581722 10.581722,7 15,7 Z M15,7.91965555 C13.5002167,7.91965555 12.1093468,8.38596954 10.9644679,9.18151999 L11.3645902,10.5017139 L11.0387149,10.5017139 L10.828068,10.8448804 L10.4174139,9.60248088 C9.42887192,10.4425962 8.67407428,11.5494482 8.26426802,12.8117898 L10.1096105,11.988229 L9.70010935,12.6435845 L9.84691563,12.8495357 L8.04798098,13.6511629 C7.96375976,14.0878161 7.91965555,14.5387575 7.91965555,15 C7.91965555,16.3525013 8.29888037,17.6164298 8.95680046,18.6912561 L9.57570905,18.5925595 L10.5953777,19.0522521 L9.34029422,19.2549725 C9.93080977,20.0391961 10.6805354,20.6967516 11.541445,21.1796128 L11.5738016,19.8680229 L11.9737488,20.1385393 L12.1994462,20.0544158 L12.1572007,21.4865292 C13.0272985,21.8684055 13.9888988,22.0803445 15,22.0803445 C15.2332976,22.0803445 15.4639598,22.069061 15.6914706,22.0470101 L12.282573,20.755706 L13.3807374,20.755706 L13.3807374,20.4770171 L16.9959542,21.7951157 C17.421998,21.6701756 17.8313788,21.5062562 18.2199728,21.3074813 L18.2901197,18.1864382 L18.3998713,18.2286503 L18.9079991,17.4642978 L18.9033562,20.9081373 C20.681058,19.7312907 21.8966813,17.7735873 22.0612479,15.5240053 L19.944895,16.0112909 L19.5980809,15.4613939 L22.077,14.801 L22.0764043,14.7615356 C21.9506492,10.9615671 18.8305629,7.91965555 15,7.91965555 Z M16.3182844,17.2705718 L16.3182844,17.4507718 L16.8963719,17.6674132 L13.3807374,19.5601708 L13.3807374,19.111095 L13.1454435,18.9803761 L16.3182844,17.2705718 Z M10.5599738,13.849097 L10.9830341,14.4394137 L11.1854104,14.2923959 L11.2023243,17.9023004 L10.9738117,17.775158 L10.5786986,18.1702712 L10.5599738,13.849097 Z M12.8630549,12.4215247 L16.7044973,14.5790471 L16.316,14.777 L16.3169467,14.7936627 L16.284,14.793 L16.2257046,14.8232314 L16.21,14.793 L16.1511579,14.7936627 L16.0692583,14.9398236 L12.4710063,12.9210224 L12.8630549,12.6272446 L12.8630549,12.4215247 Z M18.9123876,9.77915684 L18.9066188,14.2709852 L18.5988276,13.7787736 L18.2840256,13.9399765 L18.2884755,10.0756053 L18.9123876,9.77915684 Z M16.3273138,8.46213731 L16.3273138,9.17923436 L12.7205919,11.0561304 L12.7205919,10.3390333 L16.3273138,8.46213731 Z M9.48708302,18.5425132 L10.8672352,17.162361 L13.9723267,18.8876348 L13.9723267,21.3028175 L11.9022657,21.3028175 L9.48708302,18.5425132 Z M10.7836301,14.8913134 L9.16637405,12.6272887 L10.7836301,10.0398796 L13.3710392,10.0398796 L13.5997826,13.0650447 L10.7836301,14.8913134 Z M22.0943901,15.9313603 L21.7445866,15.2779032 L22.0121227,13.8897249 L22.0709807,13.8897249 C22.1769251,14.5656099 22.184697,15.2532534 22.0940557,15.9313603 L22.0943901,15.9313603 Z M20.5600702,9.98570354 L18.7735975,10.8351308 L15.9775102,9.07340523 L15.9775102,7.64008026 C17.7264813,7.8807673 19.3420527,8.70771158 20.5600702,9.98570354 L20.5600702,9.98570354 Z M15.9945657,14.5833124 L18.824095,13.1325976 L20.56308,15.88822 L18.6063874,18.8247638 L15.9945657,17.8459159 L15.9945657,14.5833124 Z M16.9075328,21.9004264 L16.8831201,21.6807123 L18.7735975,20.3366775 L19.542764,20.5316445 C18.7700292,21.167608 17.8721905,21.63396 16.9075328,21.9004264 L16.9075328,21.9004264 Z"
      fill={color ? color : 'url(#rainbow)'}
      fillRule="nonzero"
    />
  </Svg>
);

EmojiActivitiesIcon.propTypes = {
  color: PropTypes.string,
};

EmojiActivitiesIcon.defaultProps = {
  color: null,
};

export default EmojiActivitiesIcon;
